<template>
  <div class="Intelligent">
    <a-list item-layout="horizontal" :data-source="message">
      <a-list-item slot="renderItem" slot-scope="item">
        <a-list-item-meta
          :description="item.risk"
        >
          <a slot="title" href="javascript:;">{{ item.school_name }}</a>
          <a-avatar
            slot="avatar"
            :src="item.img"
          />
        </a-list-item-meta>
      </a-list-item>
    </a-list>
  </div>
</template>

<script>
export default {
   props:{
       listData:{
           type:Array
       }
   },
   data() {
       return{
           message:[]
       }
   },
   watch:{
       listData(newValue) {
           this.message=newValue
       }
   } 
}
</script>

<style lang="less" scoped>
.Intelligent {
  border: 1px solid #ccc;
  margin-top: 15px;
//   height: 600px;
  margin-bottom: 60px;
}
li {
    padding: 15px 10px;
}
span{
    width: 48px;
    height: 48px;
}
</style>